<%-- 
    Document   : ProductListContent
    Created on : Jan 3, 2012, 5:48:53 PM
    Author     : Katori
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<div id="main">
    <div id="title">
        <h1>${requestScope.typeName}</h1>
    </div>
    <div id="left_sidebar">
        <h2>SHOP ${requestScope.typeName}</h2>
        <ul>
            <c:forEach items="${requestScope.vendorList}" var="vendor" varStatus="status">
                <li><a class='menuitem' href='#'>${vendor.getTenNhaSanXuat()}</a></li>    
            </c:forEach>
        </ul>
    </div>
    <div id="main_content">
        <c:forEach items="${requestScope.productList}" var="product" varStatus="status">
            <div class="product">
                <a href="ProductController.do?action=ProductDetail&productID=${product.getMaSanPham()}"><img src="${product.getHinhAnh()}" style="display: block; float:left;padding-left: 30px;padding-right: 30px;width: 100px"/></a>
                <div class="info">
                    <h2><a href="ProductController.do?action=ProductDetail&productID=${product.getMaSanPham()}">${product.getTenSanPham()}</a></h2><br />
                    <span><strong>Model : </strong> MD058LL/A  <strong>SKU : </strong>3109339</span><br /> <br />
                    <p>${product.getMoTa()}</p><br/>
                    <div class="customer-reviews">
                        <div class="star_rating">
                            <span><strong>Customer Reviews:</strong></span>
                            <img src="images/star2.gif"/>
                            <img src="images/star2.gif"/>
                            <img src="images/star2.gif"/>
                            <img src="images/star2.gif"/>
                            <img src="images/star2.gif"/>
                            <span style"display:block;"> 4.0 of 5 (<a href=#>Reviews</a>)</span>
                        </div>
                    </div>
                </div>
                <div class="addtocart">
                    <span style="display:block; padding-top: 5px;"><strong>Sale : $${product.getGiaBan()}</strong></span><br />
                    <span >Reg. Price: $${product.getGiaBan()*90/100}</span><br />
                    <span style="display:block; padding-top: 5px;">You Save: $${product.getGiaBan()*10/100}</span><br />
                    <input type="image" src="images/add_to_card.png" />
                </div>
            </div>
        </c:forEach>
    </div>
</div>

